<html>

	<head>
		<title></title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/materialize.min.js"></script>
		<link rel="stylesheet" href="css/materialize.min.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/material-icons.css" />

	</head>

	<body>
		<nav class="nav-extended grey">
			<div class="nav-wrapper">
				<a href="#" class="brand-logo">SvrverGuy</a>
				<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
				<ul id="nav-mobile" class="right hide-on-med-and-down">
					<li class="waves-effect waves-light">
						<a class="edit-ip">修改ip</a>
					</li>
					<li class="waves-effect waves-light">
						<a class="edit-ip logout">退出登录</a>
					</li>
				</ul>
				<ul class="side-nav" id="mobile-demo">
					<li>
						<a class="waves-effect edit-ip">修改ip</a>
					</li>
					<li>
						<a class="waves-effect logout">退出登录</a>
					</li>
				</ul>
			</div>
			<div class="nav-content">
				<ul class="tabs tabs-transparent">
					<li class="tab">
						<a href="#console" class="active waves-effect waves-light tooltipped" data-tooltip="控制台"><i class="material-icons">dvr</i></a>
					</li>
					<li class="tab">
						<a href="#setting" class="waves-effect waves-light tooltipped" data-tooltip="设置"><i class="material-icons">settings</i></a>
					</li>
					<li class="tab">
						<a href="#task" class="waves-effect waves-light tooltipped" data-tooltip="任务"><i class="material-icons">add_alarm</i></a>
					</li>
					<li class="tab">
						<a href="#download" class="waves-effect waves-light tooltipped" data-tooltip="下载"><i class="material-icons">file_download</i></a>
					</li>
					<li class="tab">
						<a href="#about" class="waves-effect waves-light tooltipped" data-tooltip="关于"><i class="material-icons">info_outline</i></a>
					</li>
				</ul>
			</div>
		</nav>
		<div class="mainbody">
			<div class="container mainbody">
				<div id="console" class="row col s10">
					<!--控制台-->
					<div class="input-field col s12">
						<textarea id="onput_console" class="materialize-textarea" readonly="true"></textarea>
						<label for="onput_console">输出：</label>
					</div>
					<div class="input-field col s10">
						<input placeholder="输入命令" id="input_command" type="text" class="validate autocomplete">
					</div>
					<a class="waves-effect waves-light btn col s2 command_btn grey"><i class="material-icons">send</i></a>
				</div>

				<div id="setting" class="col s12">
					<!--设置-->
					<div class="row">
						<div class="col l6 m12 s12">
							<div class="switch"><label>开启地狱</label><label><input type="checkbox" id="nether"><span class="lever"></span></label></div>
							<div class="switch"><label>开启飞行</label><label><input type="checkbox" id="fly"><span class="lever"></span></label></div>
							<div class="switch"><label>生成村民</label><label><input type="checkbox" id="npc"><span class="lever"></span></label></div>
							<div class="switch"><label>生成动物</label><label><input type="checkbox" id="animals"><span class="lever"></span></label></div>
							<div class="switch"><label>生成怪物</label><label><input type="checkbox" id="monster"><span class="lever"></span></label></div>
							<div class="switch"><label>启用命令方块</label><label><input type="checkbox" id="commandblock"><span class="lever"></span></label></div>
							<div class="switch"><label>开启pvp</label><label><input type="checkbox" id="pvp"><span class="lever"></span></label></div>
							<div class="switch"><label>开启极限模式</label><label><input type="checkbox" id="hardcore"><span class="lever"></span></label></div>
							<div class="switch"><label>开启白名单</label><label><input type="checkbox" id="whitelist"><span class="lever"></span></label></div>
							<div class="switch"><label>开启正版验证</label><label><input type="checkbox" id="onlinemode"><span class="lever"></span></label></div>
						</div>
						<div class="col l6 m12 s12">
							<div class="input-field col s6">
								<input id="serverpost" type="number" min="1" max="32766" class="validate">
								<label for="serverpost" data-error="填写错误" data-success="填写正确">服务器端口(1-32766)</label>
							</div>
							<div class="input-field col s6">
								<input id="maxheight" type="number" class="validate">
								<label for="maxheight">最大建筑高度(默认256)</label>
							</div>
							<div class="input-field col s12">
								<input id="maxplayers" type="number" class="validate">
								<label for="maxplayers">服务器人数上限(请合理分配)</label>
							</div>
							<div class="input-field col s6">
								<select id="difficulty">
									<option value="0">和平</option>
									<option value="1">简单</option>
									<option value="2">中等</option>
									<option value="3">困难</option>
								</select>
								<label>游戏难度</label>
							</div>
							<div class="input-field col s6">
								<select id="gamemode">
									<option value="0">生存</option>
									<option value="1">创造</option>
								</select>
								<label>游戏模式</label>
							</div>
							<div class="input-field col s12">
								<input id="motd" type="text" class="validate">
								<label for="motd">服务器MOTD(支持中文)</label>
							</div>
							<button class="btn waves-effect waves-light grey save_servercfg" style="width: 100%;">保存配置</button>
						</div>
					</div>
				</div>

				<div id="task" class="col s12">任务</div>
				<!--任务-->
				<div id="download" class="col s12">下载</div>
				<!--下载-->
				<div id="about" class="col s12">
					<!--关于-->
					<p>ServerGuy开服器是一个</p>
				</div>
			</div>
		</div>
		<footer class="page-footer grey">
			<div class="container">
				<div class="row">
					<div class="col l6 s12">
						<h5 class="white-text">实时状态</h5>
						<p class="grey-text text-lighten-4">CPU：<span class="cpu">null</span>%</p>
						<p class="grey-text text-lighten-4">内存：<span class="memory">null</span>%</p>
						<p class="grey-text text-lighten-4">虚拟内存：<span class="vmemory">null</span>%</p>
					</div>
				</div>
			</div>
			<div class="footer-copyright">
				<div class="container">
					2017 ServerGuy All rights reserved.
					<span class="grey-text text-lighten-4 right" id="keeplive_box">连接中...</span>
				</div>
			</div>
		</footer>
		<div id="needpassword" class="modal">
			<div class="modal-content">
				<h4>请键入密码</h4>
				<div class="row">
					<div class="input-field col s12">
						<input id="password" type="password" class="validate">
						<label for="password">密码</label>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<a href="#!" class="modal-action waves-effect waves-light btn-flat modal-password">确定</a>
			</div>
		</div>

		<div id="firstuse" class="modal">
			<div class="modal-content">
				<h4>请键入服务器ip</h4>
				<div class="row">
					<div class="input-field col s12">
						<input id="ip" type="text" class="validate">
						<label for="ip">ip地址</label>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<a href="#!" class="modal-action waves-effect waves-light btn-flat modal-ip">确定</a>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/index.js"></script>

</html>